<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>Title</title>
</head>
<body>
<div style="margin-left: 30%;margin-top: 50px;">
    <br>
    <a href="/">返回重新查询！</a>
    <br>
    <table border="1" style="text-align: center">

    <tr style="background-color: rgba(15,189,243,0.64)">
        <th>备注</th>
        <th>笼号</th>
        <th>翅号母</th>
        <th>翅号公</th>
        <th>笼号母</th>
        <th>笼号公</th>
        <th>代数</th>
        <th>操作</th>
    </tr>
    <!--    8代数据-->
    <tr>
        <td><span id="beizhu8">8代数据</span></td>
        <td>   [[  ${jx8.lh8} ]]</td>
        <td> [[  ${jx8.ch8} ]]</td>
        <td> </td>
        <td> [[  ${jx8.lh7} ]]</td>
        <td> </td>
        <td> [[  ${jx8.level} ]]</td>
        <td>
            <input type="hidden" th:value="${jx8.ch8}" id="ch8" />
            <input type="hidden" th:value="${jx8.lh7}" id="lh7" />
            <!--            <a class="btn" href="" th:onclick="|get7()|">上查</a>-->
            <!--            <a href="/ljx/getBy7/" >上查</a>-->
            <!--            <input type="text" class="ch8">-->
            <!--            <button class="btn btn-danger" th:onclick="get8()">查询8代</button>-->
            <button class="btn btn-danger" id="recheck" th:onclick="get7()">查询祖代</button>
        </td>
    </tr>
    </table>
        <div style="display: none">
            <table>
                <!--    7代数据-->
                <tr>
                    <td><span id="beizhu7"></span></td>
                    <td ><span type="text" id="lh77"></span> </td>
                    <td ><span type="text" id="ch7f"></span> </td>
                    <td ><span type="text" id="ch7m"></span> </td>
                    <td ><span type="text" id="lh6f"></span>
                        <input type="hidden" class="lh6f" >
                        <input type="hidden" class="lh6m" >
                    </td>
                    <td ><span type="text" id="lh6m"></span> </td>
                    <td ><span type="text" id="level7"></span> </td>
                    <td >
                        <button class="btn btn-danger" id="get6f" th:onclick="get6f()"></button>
                        <button class="btn btn-danger" id="get6m" th:onclick="get6m()"></button>
                    </td>
                </tr>
                <!--6代公数据-->
                <tr>
                    <td><span id="beizhu6f"></span></td>
                    <td ><span type="text" id="lh6"></span> </td>
                    <td ><span type="text" id="ch6f"></span> </td>
                    <td >
                        <span type="text" id="ch6m"></span>
                        <input type="hidden" class="lh5ff" id="lh5ff" />
                        <input type="hidden" class="lh5fm" id="lh5fm" />
                        <input type="hidden" class="lh5mf" id="lh5mf" />
                        <input type="hidden" class="lh5mm" id="lh5mm" />
                    </td>
                    <td ><span type="text" id="lh5f"></span> </td>
                    <td ><span type="text" id="lh5m"></span> </td>
                    <td ><span type="text" id="level6"></span> </td>
                    <td >
                        <button class="btn btn-danger" id="get5ff" th:onclick="get5ff()"></button>
                        <button class="btn btn-danger" id="get5fm" th:onclick="get5fm()"></button>
                    </td>
                </tr>
                <!--    6代mu数据-->
                <tr>
                    <td><span id="beizhu6m"></span></td>
                    <td ><span type="text" id="lh6-m"></span> </td>
                    <td ><span type="text" id="ch6f-m"></span> </td>
                    <td ><span type="text" id="ch6m-m"></span> </td>
                    <td ><span type="text" id="lh5f-m"></span> </td>
                    <td ><span type="text" id="lh5m-m"></span> </td>
                    <td ><span type="text" id="level6-m"></span> </td>
                    <td>

                        <button class="btn btn-danger" id="get5mf" th:onclick="get5mf()"></button>
                        <button class="btn btn-danger" id="get5mm" th:onclick="get5mm()"></button>
                    </td>
                </tr>
                <!--    5代数据-5代公-公-->
                <tr>
                    <input type="hidden" class="lh4fff" id="lh4fff" />
                    <input type="hidden" class="lh4ffm" id="lh4ffm" />
                    <input type="hidden" class="lh4fmf" id="lh4fmf" />
                    <input type="hidden" class="lh4fmm" id="lh4fmm" />
                    <input type="hidden" class="lh4mmf" id="lh4mmf" />
                    <input type="hidden" class="lh4mmm" id="lh4mmm" />
                    <input type="hidden" class="lh4mff" id="lh4mff" />
                    <input type="hidden" class="lh4mfm" id="lh4mfm" />
                    <td><span id="beizhu5ff"></span></td>
                    <td ><span type="text" id="longhao5ff"></span> </td>
                    <td ><span type="text" id="ch5ff-f"></span> </td>
                    <td ><span type="text" id="ch5ff-m"></span> </td>
                    <td ><span type="text" id="lh4ff-f"></span> </td>
                    <td ><span type="text" id="lh4ff-m"></span> </td>
                    <td ><span type="text" id="level5-ff"></span> </td>
                    <td>
                        <button class="btn btn-danger" id="get4fff" th:onclick="get4fff()"></button>
                        <button class="btn btn-danger" id="get4ffm" th:onclick="get4ffm()"></button>
                    </td>
                </tr>
                <!--    5代数据-5代公-母-->
                <tr>
                    <td><span id="beizhu5fm"></span></td>
                    <td ><span type="text" id="longhao5fm"></span> </td>
                    <td ><span type="text" id="ch5fm-f"></span> </td>
                    <td ><span type="text" id="ch5fm-m"></span> </td>
                    <td ><span type="text" id="lh4fm-f"></span> </td>
                    <td ><span type="text" id="lh4fm-m"></span> </td>
                    <td ><span type="text" id="level5-fm"></span> </td>
                    <td>
                        <button class="btn btn-danger" id="get4fmf" th:onclick="get4fmf()"></button>
                        <button class="btn btn-danger" id="get4fmm" th:onclick="get4fmm()"></button>
                    </td>
                </tr>

                <!--    5代数据-5代-母-公-->
                <tr>
                    <td><span id="beizhu5mf"></span></td>
                    <td ><span type="text" id="longhao5mf"></span> </td>
                    <td ><span type="text" id="ch5mf-f"></span> </td>
                    <td ><span type="text" id="ch5mf-m"></span> </td>
                    <td ><span type="text" id="lh4mf-f"></span> </td>
                    <td ><span type="text" id="lh4mf-m"></span> </td>
                    <td ><span type="text" id="level5-mf"></span> </td>
                    <td>
                        <button class="btn btn-danger" id="get4mmf" th:onclick="get4mmf()"></button>
                        <button class="btn btn-danger" id="get4mmm" th:onclick="get4mmm()"></button>
                    </td>
                </tr>
                <!--    5代数据-5代-母-母-->
                <tr>
                    <td><span id="beizhu5mm"></span></td>
                    <td ><span type="text" id="longhao5mm"></span> </td>
                    <td ><span type="text" id="ch5mm-f"></span> </td>
                    <td ><span type="text" id="ch5mm-m"></span> </td>
                    <td ><span type="text" id="lh4mm-f"></span> </td>
                    <td ><span type="text" id="lh4mm-m"></span> </td>
                    <td ><span type="text" id="level5-mm"></span> </td>
                    <td>
                        <button class="btn btn-danger" id="get4mff" th:onclick="get4mff()"></button>
                        <button class="btn btn-danger" id="get4mfm" th:onclick="get4mfm()"></button>
                    </td>
                </tr>
                <!--4代fff-->
                <tr style="background-color: rgba(28,186,186,0.42)">
                    <td>----------</td>
                    <td>----------</td>
                    <td>----------</td>
                    <td >--分割线--</td>
                    <td>----------</td>
                    <td>-----------</td>
                    <td>-----------</td>
                </tr>
                <tr>
                    <td><span id="beizhu4fff"></span></td>
                    <td ><span type="text" id="longhao4fff"></span> </td>
                    <td ><span type="text" id="ch4fff-f"></span> </td>
                    <td ><span type="text" id="ch4fff-m"></span> </td>
                    <td ><span type="text" id="lh3fff-f"></span> </td>
                    <td ><span type="text" id="lh3fff-m"></span> </td>
                    <td ><span type="text" id="level4fff"></span> </td>
                    <td>
                    </td>
                </tr>
                <!--4代ffm-->
                <tr>
                    <td><span id="beizhu4ffm"></span></td>
                    <td ><span type="text" id="longhao4ffm"></span> </td>
                    <td ><span type="text" id="ch4ffm-f"></span> </td>
                    <td ><span type="text" id="ch4ffm-m"></span> </td>
                    <td ><span type="text" id="lh3ffm-f"></span> </td>
                    <td ><span type="text" id="lh3ffm-m"></span> </td>
                    <td ><span type="text" id="level4ffm"></span> </td>
                    <td>
                    </td>
                </tr>
                <!--4代ffm-->
                <tr>
                    <td><span id="beizhu4fmf"></span></td>
                    <td ><span type="text" id="longhao4fmf"></span> </td>
                    <td ><span type="text" id="ch4fmf-f"></span> </td>
                    <td ><span type="text" id="ch4fmf-m"></span> </td>
                    <td ><span type="text" id="lh3fmf-f"></span> </td>
                    <td ><span type="text" id="lh3fmf-m"></span> </td>
                    <td ><span type="text" id="level4fmf"></span> </td>
                    <td>
                    </td>
                </tr>
                <!--4代ffm-->
                <tr>
                    <td><span id="beizhu4fmm"></span></td>
                    <td ><span type="text" id="longhao4fmm"></span> </td>
                    <td ><span type="text" id="ch4fmm-f"></span> </td>
                    <td ><span type="text" id="ch4fmm-m"></span> </td>
                    <td ><span type="text" id="lh3fmm-f"></span> </td>
                    <td ><span type="text" id="lh3fmm-m"></span> </td>
                    <td ><span type="text" id="level4fmm"></span> </td>
                    <td>
                    </td>
                </tr>
                <!--4代mmf-->
                <tr>
                    <td><span id="beizhu4mmf"></span></td>
                    <td ><span type="text" id="longhao4mmf"></span> </td>
                    <td ><span type="text" id="ch4mmf-f"></span> </td>
                    <td ><span type="text" id="ch4mmf-m"></span> </td>
                    <td ><span type="text" id="lh3mmf-f"></span> </td>
                    <td ><span type="text" id="lh3mmf-m"></span> </td>
                    <td ><span type="text" id="level4mmf"></span> </td>
                    <td>
                    </td>
                </tr>
                <!--4代mmm-->
                <tr>
                    <td><span id="beizhu4mmm"></span></td>
                    <td ><span type="text" id="longhao4mmm"></span> </td>
                    <td ><span type="text" id="ch4mmm-f"></span> </td>
                    <td ><span type="text" id="ch4mmm-m"></span> </td>
                    <td ><span type="text" id="lh3mmm-f"></span> </td>
                    <td ><span type="text" id="lh3mmm-m"></span> </td>
                    <td ><span type="text" id="level4mmm"></span> </td>
                    <td>
                    </td>
                </tr>

                <!--4代mff-->
                <tr>
                    <td><span id="beizhu4mff"></span></td>
                    <td ><span type="text" id="longhao4mff"></span> </td>
                    <td ><span type="text" id="ch4mff-f"></span> </td>
                    <td ><span type="text" id="ch4mff-m"></span> </td>
                    <td ><span type="text" id="lh3mff-f"></span> </td>
                    <td ><span type="text" id="lh3mff-m"></span> </td>
                    <td ><span type="text" id="level4mff"></span> </td>
                    <td>
                    </td>
                </tr>
                <!--4代mfm-->
                <tr>
                    <td><span id="beizhu4mfm"></span></td>
                    <td ><span type="text" id="longhao4mfm"></span> </td>
                    <td ><span type="text" id="ch4mfm-f"></span> </td>
                    <td ><span type="text" id="ch4mfm-m"></span> </td>
                    <td ><span type="text" id="lh3mfm-f"></span> </td>
                    <td ><span type="text" id="lh3mfm-m"></span> </td>
                    <td ><span type="text" id="level4mfm"></span> </td>
                    <td>
                        <input type="hidden" class="lh3ffff">
                        <input type="hidden" class="lh3fffm">
                        <input type="hidden" class="lh3ffmf">
                        <input type="hidden" class="lh3ffmm">

                        <input type="hidden" class="lh3fmff">
                        <input type="hidden" class="lh3fmfm">
                        <input type="hidden" class="lh3fmmf">
                        <input type="hidden" class="lh3fmmm">

                        <input type="hidden" class="lh3mfff">
                        <input type="hidden" class="lh3mffm">
                        <input type="hidden" class="lh3mfmf">
                        <input type="hidden" class="lh3mfmm">
                        <!--13-->
                        <input type="hidden" class="lh3mmff">
                        <input type="hidden" class="lh3mmfm">
                        <input type="hidden" class="lh3mmmf">
                        <input type="hidden" class="lh3mmmm">
                    </td>
                </tr>
                <!--            三代-->
                <!--            1-->
                <tr>
                    <td><span id="beizhu3ffff"></span></td>
                    <td><span type="text" id="longhao3ffff"></span></td>
                    <td><span type="text" id="ch3ffff-f"></span></td>
                    <td><span type="text" id="ch3ffff-m"></span></td>
                    <td><span type="text" id="lh2ffff-f"></span></td>
                    <td><span type="text" id="lh2ffff-m"></span></td>
                    <td><span type="text" id="level3ffff"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            2-->
                <tr>
                    <td><span id="beizhu3fffm"></span></td>
                    <td><span type="text" id="longhao3fffm"></span></td>
                    <td><span type="text" id="ch3fffm-f"></span></td>
                    <td><span type="text" id="ch3fffm-m"></span></td>
                    <td><span type="text" id="lh2fffm-f"></span></td>
                    <td><span type="text" id="lh2fffm-m"></span></td>
                    <td><span type="text" id="level3fffm"></span></td>
                    <td>

                    </td>
                </tr>
                <!--            3-->
                <tr>
                    <td><span id="beizhu3ffmf"></span></td>
                    <td><span type="text" id="longhao3ffmf"></span></td>
                    <td><span type="text" id="ch3ffmf-f"></span></td>
                    <td><span type="text" id="ch3ffmf-m"></span></td>
                    <td><span type="text" id="lh2ffmf-f"></span></td>
                    <td><span type="text" id="lh2ffmf-m"></span></td>
                    <td><span type="text" id="level3ffmf"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            4-->
                <tr>
                    <td><span id="beizhu3ffmm"></span></td>
                    <td><span type="text" id="longhao3ffmm"></span></td>
                    <td><span type="text" id="ch3ffmm-f"></span></td>
                    <td><span type="text" id="ch3ffmm-m"></span></td>
                    <td><span type="text" id="lh2ffmm-f"></span></td>
                    <td><span type="text" id="lh2ffmm-m"></span></td>
                    <td><span type="text" id="level3ffmm"></span></td>
                    <td>

                    </td>
                </tr>
                <!--            5-->
                <tr>
                    <td><span id="beizhu3fmff"></span></td>
                    <td><span type="text" id="longhao3fmff"></span></td>
                    <td><span type="text" id="ch3fmff-f"></span></td>
                    <td><span type="text" id="ch3fmff-m"></span></td>
                    <td><span type="text" id="lh2fmff-f"></span></td>
                    <td><span type="text" id="lh2fmff-m"></span></td>
                    <td><span type="text" id="level3fmff"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            5-->
                <!--            <tr>-->
                <!--                <td><span id="beizhu3fmff"></span></td>-->
                <!--                <td><span type="text" id="longhao3fmff"></span></td>-->
                <!--                <td><span type="text" id="ch3fmff-f"></span></td>-->
                <!--                <td><span type="text" id="ch3fmff-m"></span></td>-->
                <!--                <td><span type="text" id="lh2fmff-f"></span></td>-->
                <!--                <td><span type="text" id="lh2fmff-m"></span></td>-->
                <!--                <td><span type="text" id="level3fmff"></span></td>-->
                <!--                <td>-->
                <!--                -->
                <!--                </td>-->
                <!--            </tr>-->
                <!--            6-->
                <tr>
                    <td><span id="beizhu3fmfm"></span></td>
                    <td><span type="text" id="longhao3fmfm"></span></td>
                    <td><span type="text" id="ch3fmfm-f"></span></td>
                    <td><span type="text" id="ch3fmfm-m"></span></td>
                    <td><span type="text" id="lh2fmfm-f"></span></td>
                    <td><span type="text" id="lh2fmfm-m"></span></td>
                    <td><span type="text" id="level3fmfm"></span></td>
                    <td>

                    </td>
                </tr>
                <!--            7-->
                <tr>
                    <td><span id="beizhu3fmmf"></span></td>
                    <td><span type="text" id="longhao3fmmf"></span></td>
                    <td><span type="text" id="ch3fmmf-f"></span></td>
                    <td><span type="text" id="ch3fmmf-m"></span></td>
                    <td><span type="text" id="lh2fmmf-f"></span></td>
                    <td><span type="text" id="lh2fmmf-m"></span></td>
                    <td><span type="text" id="level3fmmf"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            8-->
                <tr>
                    <td><span id="beizhu3fmmm"></span></td>
                    <td><span type="text" id="longhao3fmmm"></span></td>
                    <td><span type="text" id="ch3fmmm-f"></span></td>
                    <td><span type="text" id="ch3fmmm-m"></span></td>
                    <td><span type="text" id="lh2fmmm-f"></span></td>
                    <td><span type="text" id="lh2fmmm-m"></span></td>
                    <td><span type="text" id="level3fmmm"></span></td>
                    <td>

                    </td>
                </tr>
                <!--            9-->
                <tr>
                    <td><span id="beizhu3mfff"></span></td>
                    <td><span type="text" id="longhao3mfff"></span></td>
                    <td><span type="text" id="ch3mfff-f"></span></td>
                    <td><span type="text" id="ch3mfff-m"></span></td>
                    <td><span type="text" id="lh2mfff-f"></span></td>
                    <td><span type="text" id="lh2mfff-m"></span></td>
                    <td><span type="text" id="level3mfff"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            10-->
                <tr>
                    <td><span id="beizhu3mffm"></span></td>
                    <td><span type="text" id="longhao3mffm"></span></td>
                    <td><span type="text" id="ch3mffm-f"></span></td>
                    <td><span type="text" id="ch3mffm-m"></span></td>
                    <td><span type="text" id="lh2mffm-f"></span></td>
                    <td><span type="text" id="lh2mffm-m"></span></td>
                    <td><span type="text" id="level3mffm"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            11-->
                <tr>
                    <td><span id="beizhu3mfmf"></span></td>
                    <td><span type="text" id="longhao3mfmf"></span></td>
                    <td><span type="text" id="ch3mfmf-f"></span></td>
                    <td><span type="text" id="ch3mfmf-m"></span></td>
                    <td><span type="text" id="lh2mfmf-f"></span></td>
                    <td><span type="text" id="lh2mfmf-m"></span></td>
                    <td><span type="text" id="level3mfmf"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            12-->
                <tr>
                    <td><span id="beizhu3mfmm"></span></td>
                    <td><span type="text" id="longhao3mfmm"></span></td>
                    <td><span type="text" id="ch3mfmm-f"></span></td>
                    <td><span type="text" id="ch3mfmm-m"></span></td>
                    <td><span type="text" id="lh2mfmm-f"></span></td>
                    <td><span type="text" id="lh2mfmm-m"></span></td>
                    <td><span type="text" id="level3mfmm"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            13-->
                <tr>
                    <td><span id="beizhu3mmff"></span></td>
                    <td><span type="text" id="longhao3mmff"></span></td>
                    <td><span type="text" id="ch3mmff-f"></span></td>
                    <td><span type="text" id="ch3mmff-m"></span></td>
                    <td><span type="text" id="lh2mmff-f"></span></td>
                    <td><span type="text" id="lh2mmff-m"></span></td>
                    <td><span type="text" id="level3mmff"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            14-->
                <tr>
                    <td><span id="beizhu3mmfm"></span></td>
                    <td><span type="text" id="longhao3mmfm"></span></td>
                    <td><span type="text" id="ch3mmfm-f"></span></td>
                    <td><span type="text" id="ch3mmfm-m"></span></td>
                    <td><span type="text" id="lh2mmfm-f"></span></td>
                    <td><span type="text" id="lh2mmfm-m"></span></td>
                    <td><span type="text" id="level3mmfm"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            15-->
                <tr>
                    <td><span id="beizhu3mmmf"></span></td>
                    <td><span type="text" id="longhao3mmmf"></span></td>
                    <td><span type="text" id="ch3mmmf-f"></span></td>
                    <td><span type="text" id="ch3mmmf-m"></span></td>
                    <td><span type="text" id="lh2mmmf-f"></span></td>
                    <td><span type="text" id="lh2mmmf-m"></span></td>
                    <td><span type="text" id="level3mmmf"></span></td>
                    <td>
                    </td>
                </tr>
                <!--            16-->
                <tr>
                    <td><span id="beizhu3mmmm"></span></td>
                    <td><span type="text" id="longhao3mmmm"></span></td>
                    <td><span type="text" id="ch3mmmm-f"></span></td>
                    <td><span type="text" id="ch3mmmm-m"></span></td>
                    <td><span type="text" id="lh2mmmm-f"></span></td>
                    <td><span type="text" id="lh2mmmm-m"></span></td>
                    <td><span type="text" id="level3mmmm"></span></td>
                    <td>
                    </td>
                </tr>
            </table>

        </div>





</div>
<div style="display: none">
    <button class="btn btn-danger" id="get3ffff" th:onclick="get3ffff()">ffff</button>
    <button class="btn btn-danger" id="get3fffm" th:onclick="get3fffm()">fffm</button>
    <button class="btn btn-danger" id="get3ffmf" th:onclick="get3ffmf()">ffmf</button>
    <button class="btn btn-danger" id="get3ffmm" th:onclick="get3ffmm()">ffmm</button>

    <button class="btn btn-danger" id="get3fmff" th:onclick="get3fmff()">fmff</button>
    <button class="btn btn-danger" id="get3fmfm" th:onclick="get3fmfm()">fmfm</button>
    <button class="btn btn-danger" id="get3fmmf" th:onclick="get3fmmf()">fmmf</button>
    <button class="btn btn-danger" id="get3fmmm" th:onclick="get3fmmm()">fmmm</button>

    <button class="btn btn-danger" id="get3mfff" th:onclick="get3mfff()">mfff</button>
    <button class="btn btn-danger" id="get3mffm" th:onclick="get3mffm()">mffm</button>
    <button class="btn btn-danger" id="get3mfmf" th:onclick="get3mfmf()">mfmf</button>
    <button class="btn btn-danger" id="get3mfmm" th:onclick="get3mfmm()">mfmm</button>

    <button class="btn btn-danger" id="get3mmff" th:onclick="get3mmff()">mmff</button>
    <button class="btn btn-danger" id="get3mmfm" th:onclick="get3mmfm()">mmfm</button>
    <button class="btn btn-danger" id="get3mmmf" th:onclick="get3mmmf()">mmmf</button>
    <button class="btn btn-danger" id="get3mmmm" th:onclick="get3mmmm()">mmmm</button>
</div>

<div style="text-align: center;margin-left: 50px;display: none">
    <button class="btn btn-danger" id="gettreef" th:onclick="gettreef()">生成树-f</button>
    <button class="btn btn-danger" id="gettreem" th:onclick="gettreem()">生成树-m</button>
</div>

<br>


<div id="mTree" style="width: 650px;float: right">
    <div style="text-align: center;">
        <table border="1" cellspacing="" cellpadding="" style="margin-left: 300px;">
            <tr>
                <th>7代公翅号</th>

            </tr>
            <tr>
                <td><span id="t-ch7m"></span></td>
            </tr>
        </table>
    </div>

    <div style="text-align: center;">
        <table border="" cellspacing="" cellpadding="" style="text-align: center;margin-left: 240px;">
            <tr>
                <th>公</th>
                <th style="width: 110px;"></th>
                <th>母</th>


            </tr>
            <tr>
                <td><span id="t-ch6m-m"></span></td>

                <td></td>
                <td><span id="t-ch6f-m"></span></td>
            </tr>

        </table>
    </div>
    <div>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 190px;">
            <tr>
                <th>公</th>
                <th>母</th>

                <th style="width: 100px;"></th>
                <th>公</th>
                <th>母</th>

            </tr>
            <tr>
                <td><span id="t-ch5mm-m"></span></td>
                <td><span id="t-ch5mm-f"></span></td>
                <td style="width: 30px"></td>
                <td><span id="t-ch5mf-m"></span></td>
                <td><span id="t-ch5mf-f"></span></td>

            </tr>
        </table>
    </div>
    <div>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 100px">
            <tr>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch4mmm-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch4mmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d93899"><span id="t-ch4mmf-m"></span></td>
                <td style="background-color: #38d993"><span id="t-ch4mmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch4mfm-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch4mfm-f"></span></td>

                <td style="width: 10px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch4mff-m"></span></td>
                <td style="background-color: #2bb3b8"><span id="t-ch4mff-f"></span></td>


            </tr>
        </table>
        <table border="" cellspacing="" cellpadding=""  style="margin-left: 30px">
            <tr>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th width="30px;">母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch3mmmm-m"></span></td>
                <td><span id="t-ch3mmmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3mmmf-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3mmmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d93899"><span id="t-ch3mmfm-m"></span></td>
                <td style="background-color: #d93899"><span id="t-ch3mmfm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #38d993"><span id="t-ch3mmff-m"></span></td>
                <td style="background-color: #38d993"><span id="t-ch3mmff-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch3mfmm-m"></span></td>
                <td style="background-color: #8154d7"><span id="t-ch3mfmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d2ad29"><span id="t-ch3mfmf-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch3mfmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch3mffm-m"></span></td>
                <td style="background-color: #b428b2"><span id="t-ch3mffm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #2bb3b8"><span id="t-ch3mfff-m"></span></td>
                <td style="background-color: #2bb3b8"><span id="t-ch3mfff-f"></span></td>


            </tr>
        </table>

    </div>

</div>
<div id="fTree" style="width: 650px;float: left">
    <div style="text-align: center;">
        <table border="1" cellspacing="" cellpadding="" style="margin-left: 300px;">
            <tr>
                <th>7代母翅号</th>

            </tr>
            <tr>
                <td><span id="t-ch7f"></span></td>
            </tr>
        </table>
    </div>

    <div style="text-align: center;">
        <table border="" cellspacing="" cellpadding="" style="text-align: center;margin-left: 240px;">
            <tr>
                <th>公</th>
                <th style="width: 110px;"></th>
                <th>母</th>
            </tr>
            <tr>
                <td><span id="t-ch6m"></span></td>
                <td></td>
                <td><span id="t-ch6f"></span></td>


            </tr>

        </table>
    </div>
    <div style="text-align: center;">
        <table border="" cellspacing="" cellpadding="" style="margin-left: 190px;">
            <tr>
                <th>公</th>
                <th>母</th>
                <th style="width: 100px;"></th>
                <th>公</th>
                <th>母</th>
            </tr>
            <tr>

                <td><span id="t-ch5fm-m"></span></td>
                <td><span id="t-ch5fm-f"></span></td>
                <td style="width: 30px"></td>
                <td><span id="t-ch5ff-m"></span></td>
                <td><span id="t-ch5ff-f"></span></td>
            </tr>
        </table>
    </div>
    <div>
        <table border="" cellspacing="" cellpadding="" style="margin-left: 100px">
            <tr>
                <th width="30px;">公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th width="30px;">公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th width="30px;">公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>

            </tr>
            <tr>
                <td><span id="t-ch4fmm-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch4fmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d93899"><span id="t-ch4fmf-m"></span></td>
                <td style="background-color: #38d993"><span id="t-ch4fmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch4ffm-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch4ffm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch4fff-m"></span></td>
                <td style="background-color: #2bb3b8"><span id="t-ch4fff-f"></span></td>






            </tr>
        </table>
        <table border="" cellspacing="" cellpadding=""  style="margin-left: 30px">
            <tr>
                <th width="30px;">公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th width="30px;">公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th width="30px;">公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>

                <th width="30px;"></th>
                <th>公</th>
                <th>母</th>

            </tr>
            <tr>
                <td><span id="t-ch3fmmm-m"></span></td>
                <td><span id="t-ch3fmmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3fmmf-m"></span></td>
                <td style="background-color: #3fa8ee"><span id="t-ch3fmmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d93899"><span id="t-ch3fmfm-m"></span></td>
                <td style="background-color: #d93899"><span id="t-ch3fmfm-f"></span></td>

                <td style="width: 30px;"></td>
                <td style="background-color: #38d993"><span id="t-ch3fmff-m"></span></td>
                <td  style="background-color: #38d993"><span id="t-ch3fmff-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #8154d7"><span id="t-ch3ffmm-m"></span></td>
                <td style="background-color: #8154d7"><span id="t-ch3ffmm-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #d2ad29"><span id="t-ch3ffmf-m"></span></td>
                <td style="background-color: #d2ad29"><span id="t-ch3ffmf-f"></span></td>
                <td style="width: 30px;"></td>
                <td style="background-color: #b428b2"><span id="t-ch3fffm-m"></span></td>
                <td style="background-color: #b428b2"><span id="t-ch3fffm-f"></span></td>
                <td style="background-color: #2bb3b8"><span id="t-ch3ffff-m"></span></td>
                <td style="background-color: #2bb3b8"><span id="t-ch3ffff-f"></span></td>












                <td style="width: 30px;"></td>


            </tr>
        </table>
    </div>
</div>
<br>
<br>
</body>
<!--<script src="./js/jQuery-3.4.1.js"></script>-->
<script type="text/javascript" th:src="@{/js/jQuery-3.4.1.js}"></script>
<!--<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>-->
<script type="text/javascript" th:src="@{/js/jx7.js}"></script>
<script type="text/javascript" th:src="@{/js/jx6.js}"></script>
<script type="text/javascript" th:src="@{/js/jx5.js}"></script>
<script type="text/javascript" th:src="@{/js/jx4.js}"></script>
<script type="text/javascript" th:src="@{/js/jx3.js}"></script>

    <script>
    function gettreef() {
        // alert("aa")
        $("#fTree").attr("style", "display:block;");//显示div
        $("#t-ch7f").text($("#ch7f").text())
        $("#t-ch6f").text($("#ch6f").text())
        $("#t-ch6m").text($("#ch6m").text())

        $("#t-ch5ff-f").text($("#ch5ff-f").text())
        $("#t-ch5ff-m").text($("#ch5ff-m").text())
        $("#t-ch5fm-f").text($("#ch5fm-f").text())
        $("#t-ch5fm-m").text($("#ch5fm-m").text())

        $("#t-ch4fff-f").text($("#ch4fff-f").text())
        $("#t-ch4fff-m").text($("#ch4fff-m").text())
        $("#t-ch4ffm-f").text($("#ch4ffm-f").text())
        $("#t-ch4ffm-m").text($("#ch4ffm-m").text())
        $("#t-ch4fmf-f").text($("#ch4fmf-f").text())
        $("#t-ch4fmf-m").text($("#ch4fmf-m").text())

        $("#t-ch4fmm-f").text($("#ch4fmm-f").text())
        $("#t-ch4fmm-m").text($("#ch4fmm-m").text())

        $("#t-ch3ffff-f").text($("#ch3ffff-f").text())
        $("#t-ch3ffff-m").text($("#ch3ffff-m").text())

        $("#t-ch3fffm-f").text($("#ch3fffm-f").text())
        $("#t-ch3fffm-m").text($("#ch3fffm-m").text())

        $("#t-ch3ffmf-f").text($("#ch3ffmf-f").text())
        $("#t-ch3ffmf-m").text($("#ch3ffmf-m").text())
        $("#t-ch3ffmm-f").text($("#ch3ffmm-f").text())
        $("#t-ch3ffmm-m").text($("#ch3ffmm-m").text())

        $("#t-ch3fmff-f").text($("#ch3fmff-f").text())
        $("#t-ch3fmff-m").text($("#ch3fmff-m").text())
        $("#t-ch3fmfm-f").text($("#ch3fmfm-f").text())
        $("#t-ch3fmfm-m").text($("#ch3fmfm-m").text())

        $("#t-ch3fmmf-f").text($("#ch3fmmf-f").text())
        $("#t-ch3fmmf-m").text($("#ch3fmmf-m").text())
        $("#t-ch3fmmm-f").text($("#ch3fmmm-f").text())
        $("#t-ch3fmmm-m").text($("#ch3fmmm-m").text())
    }

    function gettreem() {
        $("#mTree").attr("style", "display:block;");//显示div
        // alert("aa")
        $("#t-ch7m").text($("#ch7m").text())
        $("#t-ch6f-m").text($("#ch6f-m").text())
        $("#t-ch6m-m").text($("#ch6m-m").text())

        $("#t-ch5mf-f").text($("#ch5mf-f").text())
        $("#t-ch5mf-m").text($("#ch5mf-m").text())
        $("#t-ch5mm-f").text($("#ch5mm-f").text())
        $("#t-ch5mm-m").text($("#ch5mm-m").text())

        $("#t-ch4mff-f").text($("#ch4mff-f").text())
        $("#t-ch4mff-m").text($("#ch4mff-m").text())
        $("#t-ch4mfm-f").text($("#ch4mfm-f").text())
        $("#t-ch4mfm-m").text($("#ch4mfm-m").text())
        $("#t-ch4mmf-f").text($("#ch4mmf-f").text())
        $("#t-ch4mmf-m").text($("#ch4mmf-m").text())

        $("#t-ch4mmm-f").text($("#ch4mmm-f").text())
        $("#t-ch4mmm-m").text($("#ch4mmm-m").text())

        $("#t-ch3mfff-f").text($("#ch3mfff-f").text())
        $("#t-ch3mfff-m").text($("#ch3mfff-m").text())

        $("#t-ch3mffm-f").text($("#ch3mffm-f").text())
        $("#t-ch3mffm-m").text($("#ch3mffm-m").text())

        $("#t-ch3mfmf-f").text($("#ch3mfmf-f").text())
        $("#t-ch3mfmf-m").text($("#ch3mfmf-m").text())
        $("#t-ch3mfmm-f").text($("#ch3mfmm-f").text())
        $("#t-ch3mfmm-m").text($("#ch3mfmm-m").text())

        $("#t-ch3mmff-f").text($("#ch3mmff-f").text())
        $("#t-ch3mmff-m").text($("#ch3mmff-m").text())
        $("#t-ch3mmfm-f").text($("#ch3mmfm-f").text())
        $("#t-ch3mmfm-m").text($("#ch3mmfm-m").text())

        $("#t-ch3mmmf-f").text($("#ch3mmmf-f").text())
        $("#t-ch3mmmf-m").text($("#ch3mmmf-m").text())
        $("#t-ch3mmmm-f").text($("#ch3mmmm-f").text())
        $("#t-ch3mmmm-m").text($("#ch3mmmm-m").text())
    }

</script>
</html>